@import '../styles/mixin/index.scss';

.wrapper{
  background-color: #ffffff;
  // border-top: 1px solid #CCCCCC;
  height: 98px;
  position: relative;
  display: flex;
  &::after{
    @include border-1px(#cccccc, top);
  }
  .item{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    .icon{
      width: 47px;
      height: 47px;
      display: block;
    }
    .scanIcon{
      width: 96px;
      height: 96px;
      display: block;
      position: absolute;
      top: -30px;
      z-index: 10;
    }
    .scanTitle{
      margin-top: 50px;
      font-size: 23px;
      font-weight: 600;
      color: #67CB8B;
    }
    .selectTitle{
      margin-top: 5px;
      font-size: 23px;
      font-weight: 600;
      color: #67CB8B;
    }
    .title{
      margin-top: 5px;
      font-size: 23px;
      font-weight: 600;
      color: #999;
    }
    .num{
      position: absolute;
      top: 0;
      margin-left: 26px;
      color: #ffffff;
      background-color: red;
      border-radius: 50%;
      font-size: 20px;
      padding: 2px 10px;
    }
  }
}
